{% load static %}

{% load rbac %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CRM系统（demo）</title>
    <link rel="shortcut icon" href="{% static 'favicon.ico' %}" type="image/x-icon">
    <link rel="apple-touch-icon" href="{% static 'apple-touch-icon.png' %}">
    {#    <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.css' %} "/>#}
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
{#    <link rel="stylesheet" href="{% static 'plugins/font-awesome/css/font-awesome.css' %} "/>#}
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'stark/plugins/datetimepicker/css/bootstrap-datetimepicker.min.css' %} "/>
{#    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-datetimepicker/2.0.1/css/bootstrap-datetimepicker.min.css" rel="stylesheet">#}
    <link rel="stylesheet" href="{% static 'css/commons.css' %} "/>
    <link rel="stylesheet" href="{% static 'css/nav.css' %} "/>
    <link rel="stylesheet" href="{% static 'css/search-group.css' %} "/>
    <link rel="stylesheet" href="{% static 'rbac/css/rbac.css' %} "/>
    <!-- 预留的css样式 -->
    {% block css %}
    {% endblock %}
</head>

<body>
<div class="pg-header">
    <div class="nav">
        <!-- 首页logo -->
        <div class="logo-area left">
            <a href="/index/" style="position: relative;right: -5px">
                <img class="logo" src="{% static 'imgs/crm-logo.png' %}">
                <span style="font-size: 18px;">CRM系统（demo）</span>
            </a>
        </div>

        <!-- 导航栏左侧预留菜单 -->
        <div class="left-menu left">

            <div class="menu-item">
                <span>首次使用之快捷链接</span>
                <i class="fa fa-caret-down" aria-hidden="true"></i>
                <div class="more-info">
                    <a href="/rbac/menu/list/" class="more-item">1.创建第一个菜单</a>
                    <a href="/stark/web/userinfo/list/" class="more-item">2.创建第一个用户</a>
                    <a href="/rbac/role/list/" class="more-item">3.创建第一个角色</a>
                    <a href="/rbac/distribute/permissions/" class="more-item">4.为用户分配角色</a>
                </div>
            </div>
            <a href="/rbac/multi/permissions/" class="menu-item">检测项目URL</a>
        </div>

        <!-- 导航栏右侧预留菜单 -->
        <div class="right-menu right clearfix">
            <div class="user-info right">
                {{ request.session.user_info.nickname }}
                <a href="#" class="avatar">
                    <img class="img-circle" width="40" src="{% static 'imgs/yonghu.png' %}">
                </a>
                <div class="more-info">
                    <a href="/stark/web/paymentrecord/check/list/" class="more-item">签审任务</a>
                    <a href="{% url 'logout' %}" class="more-item">注销</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pg-body">
    <!-- 左侧二级菜单 -->
    <div class="left-menu">
        <div class="menu-body">
            {% multi_menu request %}
        </div>
    </div>

    <!-- 右侧信息表格 -->
    <div class="right-body">

        <!-- 路径导航 -->
        <div>
            {% breadcrumb request %}
        </div>

        <!-- 信息表格 -->
        {% block content %}

        {% endblock %}
    </div>
</div>

{#<script src="{% static 'js/jquery-3.3.1.min.js' %} "></script>#}
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
{#<script src="{% static 'plugins/bootstrap/js/bootstrap.js' %} "></script>#}
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="{% static 'rbac/js/rbac.js' %} "></script>
<script src="{% static 'stark/plugins/datetimepicker/js/bootstrap-datetimepicker.min.js' %} "></script>
<script src="{% static 'stark/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js' %} "></script>
<script>
    $('.form_date').datetimepicker({
        minView: "month",
        language: "zh-CN",
        sideBySide: true,
        format: 'yyyy-mm-dd',
        bootcssVer: 3,
        startDate: new Date(),
        autoclose: true,
        pickerPosition: "bottom-left"
    });
    console.log(`
GitHub: https://github.com/xiangjianan

Email: xiang9872@gmail.com

Page: www.helloxjn.com

`);
</script>

<!-- 预留的js脚本 -->
{% block js %}
{% endblock %}

</body>
</html>
